@charset "utf-8";
/* CSS Document */
.fullSlide{width:100%;position:relative;height:520px;background:#fff; margin-top:80px;}
.fullSlide .bd{margin:0 auto;position:relative;z-index:0;overflow:hidden;}
.fullSlide .bd ul{width:100% !important;}
.fullSlide .bd li{width:100% !important;height:520px;overflow:hidden;text-align:center;}
.fullSlide .bd li a{display:block;height:520px;}
.fullSlide .hd{width:100%;position:absolute;z-index:1;bottom:30px;left:0;height:30px;line-height:30px;}
.fullSlide .hd ul{text-align:center;}
.fullSlide .hd ul li{cursor:pointer;display:inline-block;*display:inline;zoom:1;width:20px;height:20px;margin:0 6px;overflow:hidden;background: url(../images/sprite_nav_3.png) no-repeat left top;line-height:999px;}
.fullSlide .hd ul .on{background: url(../images/sprite_nav_3.png) no-repeat right top;}
/*
.fullSlide .prev,.fullSlide .next{display:block;position:absolute;z-index:1;top:50%;margin-top:-30px;left:15%;z-index:1;width:40px;height:60px;background:url(images/slider-arrow.png) -126px -137px #000 no-repeat;cursor:pointer;filter:alpha(opacity=50);opacity:0.5;display:none;}
.fullSlide .next{left:auto;right:15%;background-position:-6px -137px;}
*/
/*banner*/



.peopleleft{ width:258px; padding:84px 70px 0 92px; font-size:14px;}
.peopleright{ position:relative;width:680px;height:400px; overflow:hidden;}
.peopleright .arrow-left{ left:0; bottom:0;}
.peopleright .arrow-right{ left:51px; bottom:0;}


.tit{ letter-spacing:5px; font-size:30px; color:#3e3e3e; background:url(../images/tit_btbg1.png) bottom left no-repeat; padding-bottom:15px;}
.gray1 p{ line-height:1.8em; color:#999999;}
.morecon{ display:block; width:140px; height:51px; line-height:51px; text-align:center; color:#fff; font-size:12px;background:rgba(10,23,102,1);}


.tit2{ text-align:center; background:url(../images/tit_btbg2.png) bottom center no-repeat;}
.xt{ color:#999999; font-size:14px;font-family:'PTF56F'; text-align:center;}
.pro_wrap{ width:1110px;}
.con_porduct{ width:267px; height:460px; color:#fff; text-align:center; position:relative; float:left; margin-right:10px;}
.con_porduct img{ display:block;width:267px; height:460px;}
.productmore{ background:rgba(10,23,102,0.8); width:100%; height:260px; padding-top:200px; opacity:0; position:absolute; left:0; bottom:0;}
.con_porduct:hover .productmore{ opacity:1;-webkit-transition:all 0.5s ease;-moz-transition:all 0.5s ease;-ms-transition:all 0.5s ease;-o-transition:all 0.5s ease;transition:all 0.5s ease;}
.auto20{ margin:20px auto 0;}
.productmore a{ color:#fff;}
.productmore h2{ font-size:36px;font-family:'Montserrat-Bold';}
.productmore .morecon2{ color:#fff; background:url(../images/moreright_icon.png) no-repeat right center; padding-right:13px;}

.processleft{ position:relative;width:530px;height:360px; overflow:hidden;}
.processleft .arrow-left{ right:51px; bottom:0; left:auto;}
.processleft .arrow-right{ right:0; bottom:0; left:auto;}

.processright{ width:450px; padding:67px 60px 0 60px;}
.processright h2{ font-size:14px; color:#666666;}

@media (max-width:640px){
.fullSlide{width:100%;position:relative;height:150px;background:#fff; margin-top:55px;}
.fullSlide .bd{margin:0 auto;position:relative;z-index:0;overflow:hidden;}
.fullSlide .bd ul{width:100% !important;}
.fullSlide .bd li{width:100% !important;height:150px;overflow:hidden;text-align:center; background-size:contain;}
.fullSlide .bd li a{display:block;height:150px;}
.fullSlide .hd{width:100%;position:absolute;z-index:1;bottom:10px;left:0;height:30px;line-height:30px;}
.fullSlide .hd ul{text-align:center;}
.fullSlide .hd ul li{cursor:pointer;display:inline-block;*display:inline;zoom:1;width:15px;height:15px;margin:0 3px;overflow:hidden;background: url(../images/sprite_nav_4.png) no-repeat left top;line-height:999px;}
.fullSlide .hd ul .on{background: url(../images/sprite_nav_4.png) no-repeat right top;}


.peopleleft,.processright{ width:80%; font-size:14px; float:none; padding:20px 0; margin:0 auto}
.peopleright,.processleft { position:relative; float:none; margin-top:-20px;}

.tit{ letter-spacing:5px; font-size:20px; margin-bottom:20px; color:#3e3e3e; background:url(../images/tit_btbg1.png) bottom left no-repeat; padding-bottom:10px;}
.gray1 p{ line-height:1.8em; color:#999999;}
.morecon{ display:block; width:100px; height:40px; line-height:40px; text-align:center; color:#fff; font-size:12px;background:#0a1766; margin-top:20px;}
.tit2{ text-align:center; background:url(../images/tit_btbg2.png) bottom center no-repeat;}

.pro_wrap{ width:100%;}
.con_porduct{ width:48%; height:auto; margin:1%; color:#fff; text-align:center; position:relative;}
.con_porduct img{ display:block;width:100%; height:auto;}
.productmore{background:rgba(10,23,102,0.8); width:100%; height:55px; opacity:1; padding:10px 0; position:absolute; left:0; bottom:0; bottom:0;}
.con_porduct:hover .productmore{opacity:1;}
.productmore h2{ font-size:14px;font-family:'Montserrat-Bold'; margin:0;}
.productmore .morecon2{ color:#fff; background:url(../images/moreright_icon.png) no-repeat right center; padding-right:12px; }



.peopleright,.processleft{ position:relative;width:100%; height:auto;}

.arrow{ background-image:url(../images/btn_icon2.png); background-repeat:no-repeat; width:25px; height:25px;}
.peopleright .arrow-left{ left:0; } 
.peopleright .arrow-right{left:26px;}
.arrow-left{ background-position:0 0;}
.arrow-right{ background-position:-25px 0;}
.peopleright .arrow-left:hover{background-position:0 -25px;}
.peopleright .arrow-right:hover{ background-position:-25px -25px;}


.processleft .arrow-left{ right:26px; left:auto;} 
.processleft .arrow-right{ right:0; left:auto;}
.processleft .arrow-left:hover{background-position:0 -25px;}
.processleft .arrow-right:hover{ background-position:-25px -25px;}


	}